<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">

<ui:composition template="templates/common.xhtml">
	<ui:define name="pageTitle">Gestion options</ui:define>
	<ui:define name="pageHeader">
		<!-- 		<h:outputLabel class="form-control" id="nomHotel" -->
		<!-- 			value="#{loginManagedBean.connectionPassword}" /> -->
	</ui:define>

	<ui:define name="body">

		<span>Merci </span>
		<h:outputText value="#{locationManagedBean.nomPrenomClient}" />
		<span>, votre réservation a bien été enregistrée.</span>

		<br />
		<br />

		<span>Souhaitez-vous louer une voiture pendant la durée de votre séjour (du </span>
		<h:outputText value="#{locationManagedBean.dateDebutAffichee}" /> 
		<span> au </span>
		<h:outputText value="#{locationManagedBean.dateFinAffichee}" />
		<span>) ?</span>

		<h:form>

		<p:dataTable id="voituresDisponiblesALaLocation"
						value="#{locationManagedBean.voituresModel}" 
						var="voiture"
			selection="#{locationManagedBean.voitureSelectionnee}">

			<!-- p:dataTable id="voituresDisponiblesALaLocation"
			value="#{locationManagedBean.voituresDispo}"
			var="voiture"
			rowKey="#{voiture.immatriculation}"
			selection="#{locationManagedBean.voitureSelectionnee}"-->

			<p:column style="display: none;">
					<f:facet name="header">Id</f:facet>#{voiture.idImmatriculation}</p:column>
			<p:column>
				<f:facet name="header">Catégorie</f:facet>#{voiture.categorie.libelleCategorie}</p:column>
			<p:column>
				<f:facet name="header">Modèle</f:facet>#{voiture.marque} #{voiture.modele}</p:column>
			<p:column>
				<f:facet name="header">Nombre de places</f:facet>#{voiture.nbPlaces}</p:column>
			<p:column>
				<f:facet name="header">Nombre de portes</f:facet>#{voiture.nbPortes}</p:column>
			<p:column>
				<f:facet name="header">Nombre maximum de km par jour</f:facet>#{voiture.categorie.nbKmMaxJournalier}</p:column>
			<p:column>
				<f:facet name="header">Prix par jour (€)</f:facet>#{voiture.categorie.prixJournalier}</p:column>
			<p:column selectionMode="single" style="width:2%" />

		</p:dataTable>

		<br />
		<br />

		<span>Sélectionnez vos éventuelles options : </span>

		<br />

		<h:dataTable class="table table-striped table-bordered table-hover"
			value="#{locationManagedBean.optionsDispo}" var="option">

			<h:column>
				<f:facet name="header">Option</f:facet>#{option.libelle}</h:column>
			<h:column>
				<f:facet name="header">Prix par jour</f:facet>#{option.prixUnitaire}</h:column>
			<h:column>
				<f:facet name="header">Cochez ou indiquez une quantité</f:facet>
					<h:selectBooleanCheckbox value="#{option.optionSelectionnee}" rendered="#{!option.numerable}"/>
					<h:selectOneMenu value="#{option.optionQuantite}" rendered="#{option.numerable}">
						<f:selectItem id="Quantite0" itemLabel="0" itemValue="0" />
        				<f:selectItem id="Quantite1" itemLabel="1" itemValue="1" />
       					<f:selectItem id="Quantite2" itemLabel="2" itemValue="2" />
       					<f:selectItem id="Quantite3" itemLabel="3" itemValue="3" />
        				<f:selectItem id="Quantite4" itemLabel="4" itemValue="4" />
        				<f:selectItem id="Quantite5" itemLabel="5" itemValue="5" />
					</h:selectOneMenu>
			</h:column>

		</h:dataTable>

	<h:commandButton class="btn btn-primary btn-xs"
	value="Louer ma voiture avec les options sélectionnées"
	action="#{locationManagedBean.validerReservation}" ></h:commandButton>

	<h:commandButton class="btn btn-primary btn-xs"
	value="Non merci, aller directement à mon compte"
	action="#{locationManagedBean.nePasPrendreDeLocation}" ></h:commandButton>

	</h:form>

	</ui:define>

</ui:composition>
</html>